<script >
import {ref,reactive} from "vue";

export default {
  name:'HelloWorld',
  setup(){
    let msg='Hello World'
    let color='red'
    let age=ref(20)
    //声明对象：
    let Person=reactive({
      name:"小明",
      age:20,
      school:'HNUST'
    })
    return{msg,color,age,Person}
  },
}
</script>

<template>
<h1 style="color: red;text-align: center">{{msg}},我今年{{age}}岁啦！</h1>
  <br/>
  <h2>{{Person}}</h2>
</template>

<style scoped>

</style>
